<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/sf_style.css" />
<style type="text/css">
<!--
	#product_scoll{ position:relative;overflow:hidden;}
	#product_scoll>ul>li{ overflow:hidden; }
 -->
 </style>
<script src="${pageContext.request.contextPath}/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/kissy.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/waterfall.js" type="text/javascript"></script>
<title>Welcome To SF Hygiene :: About Us</title> 
</head>
<body>
<div class="regular_content">
	<div class="header_area">
		<div class="logo_pic"><img src="${pageContext.request.contextPath}/images/logo.png"/></div>
		<div class="header_menu right">
			<ul>
			    <li><a href="${pageContext.request.contextPath}">Home</a></li>
				<li><a href="${pageContext.request.contextPath}/product/loadAllProducts.action">Goods</a></li>
				<li><a href="${pageContext.request.contextPath}/contact/loadcontact.action">Contact Us</a></li>
				<li class="active"><a href="${pageContext.request.contextPath}/enterprise/loadIntroduction.action">About Us</a></li>
			</ul>
		</div>
	</div>
    <div  class="enterprice_info">
    	<div class="enterprice_info_desc">
    		<div class="enterprice_info_logo left">
    			<img hspace="5" src="${pageContext.request.contextPath}/<s:property value='enterprise.logo.path'/>"/>
    		</div>
    		<div class="enterprice_info_logo_details left">
    			<h4><s:property value="enterprise.name" escape="false"/></h4>
    			<p><s:property value="enterprise.introduction" escape="false"/></p>
    		</div>
    		<div class="clear"></div>
    	</div>
    	<div class="enterprice_info_pics" id='container' style="position: relative;">
    		<s:iterator value="enterprise.pictures">
    			<div class="ks-waterfall">
    				<img src="${pageContext.request.contextPath}/<s:property value='path'/>"/>
				</div>
			</s:iterator>
    	</div>
    	<script>
			KISSY.use("waterfall", function (S, Waterfall) {
				new Waterfall({
					container: "#container",    //节点容器
					minColCount: 2,             //最小列数
					colWidth: 220              //每列的宽度
				});
			});
		</script>
    </div>
   
</div>
</body>
</html>